import { StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#f5f5f5",
    padding: 16,
    alignItems: "center",
  },
  header: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
    width: "100%",
  },
  closeButton: {
    position: "absolute",
    right: 0,
    padding: 8,
    justifyContent: "center",
  },
  title: {
    fontSize: 20,
    alignSelf: "center",
    justifyContent: "center",
    fontWeight: "bold",
    marginVertical: 16,
  },
  card: {
    width: "100%",
    backgroundColor: "#fff",
    borderRadius: 12,
    padding: 20,
    alignItems: "center",
    shadowColor: "#000",
    shadowOpacity: 0.05,
    shadowOffset: { width: 0, height: 2 },
    shadowRadius: 10,
    elevation: 2,
  },
  iconWrapper: {
    marginBottom: 12,
  },
  imageBackground: {
    width: 100,
    height: 100,
    position: "relative", // 让图标能相对定位
  },
  icon: {
    position: "absolute",
    top: "50%",
    left: "55%",
    transform: [{ translateX: -20 }, { translateY: -20 }], // 40 是图标尺寸
  },
  iconText: {
    fontSize: 40,
  },
  appTitle: {
    fontSize: 18,
    fontWeight: "600",
    marginBottom: 16,
  },
  infoRow: {
    flexDirection: "row",
    marginBottom: 6,
    width: "100%",
  },
  infoLabel: {
    fontSize: 14,
    color: "#999",
    width: 80,
  },
  infoValue: {
    fontSize: 14,
    color: "#333",
  },
  warning: {
    fontSize: 13,
    color: "#d93025",
    marginTop: 16,
    textAlign: "left",
  },
  buttonGroup: {
    flexDirection: "row",
    marginTop: 24,
    width: "100%",
    justifyContent: "space-between",
  },
  loginButton: {
    flex: 1,
    backgroundColor: "#4A90E2",
    paddingVertical: 12,
    borderRadius: 24,
    alignItems: "center",
    marginRight: 8,
  },
  rejectButton: {
    flex: 1,
    borderColor: "#ccc",
    borderWidth: 1,
    paddingVertical: 12,
    borderRadius: 24,
    alignItems: "center",
    marginLeft: 8,
  },
  loginText: {
    color: "#fff",
    fontWeight: "600",
  },
  rejectText: {
    color: "#333",
    fontWeight: "600",
  },
});

export default styles;
